body {
    margin: 0;
    padding: 0;
}

.container {
    width: 400px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.message {
    width: 70%;
    height: 50%;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.btn_log {
    width: 20%;
    height: 20%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.account {
    width: 100%;
    height: 40%;
    top: 0;
    position: absolute;
}

.pwd {
    width: 100%;
    height: 40%;
    top: 60%;
    position: absolute;
}

.account_pic {
    width: 14.2%;
    height: 100%;
    left: 0;
    position: absolute;
}

.account_label {
    width: 14.2%;
    height: 100%;
    left: 14.2%;
    position: absolute;
}

.account_input {
    box-sizing: border-box;
    width: 71.6%;
    height: 100%;
    left: 28.4%;
    position: absolute;
}

.pwd_pic{
    width: 14.2%;
    height: 100%;
    left: 0;
    position: absolute;
}

.pwd_label{
    width: 14.2%;
    height: 100%;
    left: 14.2%;
    position: absolute;
}

.pwd_input{
    box-sizing: border-box;
    width: 71.6%;
    height: 100%;
    left: 28.4%;
    position: absolute;
}
